* {
    font-family: PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, san;
    font-weight: 300
}

.fullpage .pagebar ._pagedown.disabled, .fullpage .pagebar ._pageup.disabled, .fullpage.dark .pagebar ._pagedown.disabled, .fullpage.dark .pagebar ._pageup.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .2
}

.text-en {
    font-family: Roboto, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    font-weight: 100
}

html {
    width: 100%
}

body {
    min-width: 1024px;
    overflow-x: auto;
    overflow-y: hidden
}

.btn-ct {
    position: relative
}

.btn-ct .btn {
    margin-right: 10px
}

.btn {
    position: relative;
    padding: 0;
    display: inline-block;
    color: #FFD200;
    text-align: center;
    letter-spacing: 0;
    border-radius: 2px
}

.fullpage .page-tips, .fullpage .pagebar {
    position: absolute;
    bottom: 40px;
    z-index: 100
}

.btn.btn-large {
    min-width: 180px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    font-weight: 400
}

.btn.btn-large img {
    width: 24px;
    height: 24px
}

.btn.btn-border {
    line-height: 46px;
    border: 1px solid #ffd200
}

.btn.btn-sm {
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    font-weight: lighter
}

.btn.btn-transparent {
    border: 1px solid #ffd200;
    color: #ffd200
}

.btn.btn-yellow {
    background-color: #ffd200;
    border: 1px solid #ffd200;
    color: #000
}

.btn.btn-img img {
    height: 100%;
    width: auto;
    display: block
}

.btn.line-btn {
    color: #FFF;
    font-size: 14px;
    padding: 0;
    height: 48px;
    line-height: 48px;
    margin-left: 10px
}

.btn.line-btn span {
    border-bottom: solid 2px #fff;
    line-height: 19px
}

.fullpage .pagebar {
    left: 36px;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.fullpage .pagebar .count {
    font-size: 12px;
    color: #fff;
    margin: 40px 0;
    text-align: center
}

.fullpage .pagebar a {
    display: block;
    width: 36px;
    height: 36px;
    padding: 6px;
    transition: opacity .25s ease
}

.fullpage .pagebar a:active {
    opacity: .2
}

.fullpage .pagebar a:before {
    content: ' ';
    display: block;
    width: 24px;
    height: 24px
}

.fullpage .pagebar ._pageup:before {
    width: 24px;
    height: 24px;
    background-image: url(./images/common/up.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}


.fullpage .pagebar ._pageup:active, .fullpage .pagebar ._pageup:hover {
    background: rgba(255, 255, 255, .2);
    border-radius: 2px
}

.fullpage .pagebar ._pagedown:before {
    width: 24px;
    height: 24px;
    background-image: url(./images/common/down.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.fullpage .pagebar ._pagedown:active, .fullpage .pagebar ._pagedown:hover {
    background: rgba(255, 255, 255, .2);
    border-radius: 2px
}

.fullpage .page-tips ._pagedown, .fullpage.dark .pagebar ._pageup:before {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.fullpage .page-tips {
    left: 50%;
    margin-left: -18px;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.fullpage .page-tips ._pagedown {
    -webkit-animation: shake 2s ease-in-out infinite both;
    animation: shake 2s ease-in-out infinite both;
    display: block;
    transition: opacity .25s ease;
    width: 36px;
    height: 36px;
    background-image: url(./images/common/round-down.png)
}



.fullpage .page-tips ._pagedown:active {
    opacity: .2
}

.fullpage.dark .pagebar .count {
    color: #2d2d2d
}

.fullpage.dark .pagebar a:active {
    opacity: .2
}

.fullpage.dark .pagebar ._pageup:before {
    width: 24px;
    height: 24px;
    background-image: url(./images/common/up-dark.png)
}

.fullpage.dark .pagebar ._pageup:active, .fullpage.dark .pagebar ._pageup:hover {
    background: rgba(255, 255, 255, .2)
}

.fullpage.dark .pagebar ._pagedown:before {
    width: 24px;
    height: 24px;
    background-image: url(./images/common/down-dark.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}


.fullpage.dark .pagebar ._pagedown:active, .fullpage.dark .pagebar ._pagedown:hover {
    background: rgba(255, 255, 255, .2);
    border-radius: 2px
}

.fullpage.dark .page-tips ._pagedown {
    width: 36px;
    height: 36px;
    background-image: url(./images/common/round-down-dark.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.fullpage.dark .page-tips ._pagedown:active {
    opacity: .2
}

.sliding .sub-header {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px)
}

.sliding .pagebar {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
}

.sliding .page-tips {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

.sliding .text-ct {
    -webkit-transform: translateX(300px);
    transform: translateX(300px)
}

.fullpage {
    position: relative;
    width: 100%;
    min-width: 1024px;
    height: 100%;
    overflow: hidden;
    background:url("../images/bg.jpg")no-repeat no-repeat;
}

.fullpage .pano-ct {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200000;
    background: rgba(0, 0, 0, .6)
}

.fullpage .pano-ct .pano-ctl {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 700px;
    height: 430px;
    border-radius: 5px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: #000
}

.fullpage .pano-ct .pano-ctl .title {
    font-family: Avenir, KaiGenGothicSC-ExtraLight, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Hiragino Sans GB", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
    -webkit-text-stroke-width: .2px;
    color: #fff;
    position: absolute;
    left: 0;
    top: -40px;
    margin: 0;
    font-size: 14px
}

.fullpage .pano-ct .pano-ctl .act {
    position: absolute;
    right: 0;
    top: -40px
}

.fullpage .pano-ct .pano-ctl .act img {
    cursor: pointer;
    width: 24px;
    margin-left: 20px
}

.fullpage .pano-ct .pano-ctl .arr {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    line-height: 0
}

.fullpage .pano-ct .pano-ctl .arr img {
    width: 24px
}

.fullpage .pano-ct .pano-ctl .arr.left-arr {
    left: -60px
}

.fullpage .pano-ct .pano-ctl .arr.right-arr {
    right: -60px
}

.fullpage .pano-ct .pano-ctl .bottom-tip {
    color: #fff;
    margin-top: 10px;
    font-size: 12px
}

.fullpage .pano-ct .pano-ctl .bottom-tip a {
    color: #ffd200;
    border-bottom: solid 1px rgba(255, 210, 0, .3)
}

.fullpage .pano-ct .pano-ctl .pano-player {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.fullpage .section {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: none;
    left: 0;
    top: 0
}

.fullpage .section .section-ct {
    position: relative;
    height: 100%;
    width: 100%;
    display: table-cell;
    z-index: 1;
    text-align: center
}

.fullpage .section .section-ct .bottom, .fullpage .section .section-ct .top {
    display: block
}

.fullpage .section .section-ct .center {
    width: 100%;
    display: block;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: #fff;
    font-size: 400px;
    font-family: OSP-DIN
}

.fullpage .section.showup {
    display: table
}

.fullpage .section.enter {
    z-index: 5
}

.fullpage .section.enter .animate-ct, .fullpage .section.enter .bubbles-ct, .fullpage .section.enter .float-mask {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.fullpage .section.leave {
    z-index: -1
}

.fullpage .section.leave .background {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: zoom-over;
    animation-name: zoom-over
}

.fullpage .section.leave .animate-ct, .fullpage .section.leave .bubbles-ct, .fullpage .section.leave .float-mask {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}